<!DOCTYPE html>
<html lang="en" class="pc">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!-- 强制刷新浏览器缓存配置 -->
    <meta http-equiv="refresh" content="no-cache">
    <meta http-equiv="content-type" content="no-cache, no-store, must-revalidate">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=yes">
    <title>2024年首届“动画宇宙”杯校园数字创意大赛-动画宇宙</title>
    <link rel="icon" href="./assets/favicon.ico">
    <link rel="stylesheet" href="./css/index.css">
    <script>
        let id = '${id}'
        let currentTime = '${sysdate}'
        let upStartTime = '${upstartTime}'
        let upEndTime = '${upendTime}'
        let awardTime = '${awardTime}'
    </script>
    <script src="https://www.animeta.com.cn/static/cdn/jquery.min.js"></script>
    <script src="https://www.animeta.com.cn/static/cdn/qrcode.min.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
</head>
<body>
    <header class="pc-player-block">
        <img src="./assets/CDCC.png" alt="" class="img-size">
        <img src="./assets/pc-upload-btn.png" alt="" class="img-pc-upload-size">
    </header>
    <header class="mobile-player-block">
        <div class="mobile-top-title">
            <div class="mobile-top-title-text">“动画宇宙”杯校园数字创意大赛</div>
            <div class="mobile-top-title-menu">
                <img onclick="openMenu()" src="./assets/menu.png" alt="" class="img-menu">
            </div>
        </div>
        <div class="mobile-menu-content">
            <div class="mobile-menu-content-close">
                <span class="mobile-menu-content-close-title">“动画宇宙”杯校园数字创意大赛</span>
                <div onclick="closeMenu()">x</div>
            </div>
            <div class="mobile-menu-content-list">
                <div class="mobile-menu-content-list-item" data-section="mb-activity-introduction-title">活动介绍</div>
                <div class="mobile-menu-content-list-item" data-section="mb-event-progress-title">赛事进程</div>
                <div class="mobile-menu-content-list-item" data-section="mb-event-description-title">赛道说明</div>
                <div class="mobile-menu-content-list-item" data-section="mb-submission-principles-title">投稿原则</div>
                <div class="mobile-menu-content-list-item" data-section="mb-evaluation-criteria-title">评审标准</div>
                <div class="mobile-menu-content-list-item" data-section="mb-organizer-title">主办单位</div>
                <div class="mobile-menu-content-list-item">全部作品</div>
                <div class="mobile-menu-content-list-item">获奖公示</div>
            </div>
        </div>
        <img src="./assets/CDCC-mobile.png" alt="" class="img-size">
        <img src="./assets/mb-upload-btn.png" alt="" class="img-mb-upload-size">
    </header>
    <main>
        <div class="fixed-card pc-fixed-card">
            <p class="count-down-interval">16</p>
            <button class="pc-upload-btn">
                <span>上传作品</span>
            </button>
        </div>
        <div class="fixed-card mb-fixed-card">
            <button class="mb-upload-btn">
                <span>上传<br>作品</span>
            </button>
        </div>
        <div class="share-btn"></div>
        <div class="back-top"></div>
        <ul class="navi-block-menu navi-default">
            <li data-section="activity-introduction-title">活动介绍</li>
            <li data-section="event-progress-title">赛事进程</li>
            <li data-section="event-description-title">赛事说明</li>
            <li data-section="submission-principles-title">投稿原则</li>
            <li data-section="evaluation-criteria-title">评审标准</li>
            <li data-section="organizer-title">主办单位</li>
            <li>全部作品</li>
            <li>获奖公示</li>
        </ul>
        <div class="main-container">
            <div class="main-block">
                <!-- 活动介绍 -->
                <div class="intro-card">
                    <img src="./assets/activity-introduction.png" alt="" data-section="activity-introduction-title" class="intro-card-title-img activity-introduction-title">
                    <img src="./assets/mb-activity-introduction.png" alt="" data-section="mb-activity-introduction-title" class="intro-card-title-img-mb mb-activity-introduction-title">
                    <div class="activity-introduction">
                        <img src="./assets/AI-bg.jpg" alt="" class="activity-introduction-img-size">
                        <img src="./assets/mb-AI-bg.png" alt="" class="activity-introduction-img-size-mb">
                        <h4>一、大赛宗旨</h4>
                        <p>为艺术生、创作者和爱好者提供一个平台，激发他们的无限创造力。鼓励参赛者突破传统的艺术表现形式和思维模式，勇于尝试新的工具、技法和理念，创造出具有独特个性和创新精神的艺术作品。通过大赛的激励机制，激发人们内心深处的创造潜能，推动艺术领域的不断创新和发展。</p>
                        <br>
                        <h4>二、目的与意义</h4>
                        <p>展示数字艺术与数字科技创新最新成果，传播数字媒体艺术设计、数字科技创新和学研产融合的最新理念。</p>
                    </div>
                </div>
                <!-- 赛事进程 -->
                <div class="intro-card">
                    <img src="./assets/event-progress.png" alt="" data-section="event-progress-title" class="intro-card-title-img event-progress-title">
                    <img src="./assets/mb-event-progress.png" alt="" data-section="mb-event-progress-title" class="intro-card-title-img-mb mb-event-progress-title">
                    <div class="event-progress">
                        <div class="time-line">
                            <div class="time-line-content">
                                <p></p>
                                <p class="time-line-content-center">作品征集</p>
                                <p></p>
                                <p class="time-line-content-center">线上评审</p>
                                <p>获奖评审</p>
                                <p>成绩公布</p>
                            </div>
                            <div class="time-line-inner">
                                <img src="./assets/dot.png" alt="" class="time-line-inner-dot">
                                <div class="time-line-inner-line"></div>
                                <img src="./assets/dot.png" alt="" class="time-line-inner-dot">
                                <div class="time-line-inner-line"></div>
                                <img src="./assets/dot.png" alt="" class="time-line-inner-dot">
                                <div class="time-line-inner-line"></div>
                                <img src="./assets/dot.png" alt="" class="time-line-inner-dot">
                                <div class="time-line-inner-line"></div>
                                <img src="./assets/dot.png" alt="" class="time-line-inner-dot">
                                <div class="time-line-inner-line"></div>
                                <img src="./assets/dot.png" alt="" class="time-line-inner-dot">
                            </div>
                            <div class="time-line-text">
                                <p>2024.10.01</p>
                                <p>2024.10.31</p>
                                <p>2024.11.01</p>
                                <p>2024.11.07</p>
                                <p>2024.11.08</p>
                                <p>2024.11.11</p>
                            </div>
                        </div>
                        <div class="mb-time-line">
                            <div class="mb-time-line-content">
                                <p>作品征集</p>
                                <p>线上评审</p>
                                <p>获奖评审</p>
                                <p>成绩公布</p>
                            </div>
                            <div class="mb-time-line-inner">
                                <img src="./assets/mb-dot.png" alt="">
                                <div class="mb-time-line-inner-line"></div>
                                <img src="./assets/mb-dot.png" alt="">
                                <div class="mb-time-line-inner-line"></div>
                                <img src="./assets/mb-dot.png" alt="">
                                <div class="mb-time-line-inner-line"></div>
                                <img src="./assets/mb-dot.png" alt="">
                            </div>
                            <div class="mb-time-line-text">
                                <p>2024.10.01-2024.10.31</p>
                                <p>2024.11.01-2024.11.07</p>
                                <p>2024.11.08</p>
                                <p>2024.11.11</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 赛事说明 -->
                <div class="intro-card">
                    <img src="./assets/event-description.png" alt="" data-section="event-description-title" class="intro-card-title-img event-description-title">
                    <img src="./assets/mb-event-description.png" alt="" data-section="mb-event-description-title" class="intro-card-title-img-mb mb-event-description-title">
                    <div class="event-description">

                        <div class="event-description-title">
                            <img src="./assets/streamer-left.png" alt="">
                            <img src="./assets/mb-streamer-left.png" alt="">
                            <h5>AIGC数字绘画创作</h5>
                            <img src="./assets/streamer-right.png" alt="">
                            <img src="./assets/mb-streamer-right.png" alt="">
                        </div>
                        <div class="event-description-body">
                            <div class="event-description-body-left">
                                <p>要求：使用“动画宇宙-AIGC”工具进行主题创作</p><br class="mb-br">
                                <p>规格：1920px*1080px，72DPI</p><br class="mb-br">
                            </div>
                            <div class="event-description-body-right">
                                <p>数量：5-10张作品</p><br class="mb-br">
                                <p>提交：通过官方报名通道上传作品，提交申报</p><br class="mb-br">
                            </div>
                        </div>

                        <div class="event-description-title-2">
                            <img src="./assets/streamer-left.png" alt="">
                            <img src="./assets/mb-streamer-left.png" alt="">
                            <h5>视觉小说游戏设计</h5>
                            <img src="./assets/streamer-right.png" alt="">
                            <img src="./assets/mb-streamer-right.png" alt="">
                        </div>
                        <div class="event-description-body-2">
                            <p>要求：使用“动画宇宙-游戏星球”工具进行主题创作。游戏完整度高，条理清晰，互动性强</p><br class="mb-br">
                            <p>提交：通过官方报名通道填报游戏网址、上传游戏封面、填写游戏简介等信息，提交申报</p><br class="mb-br">
                        </div>

                        <div class="event-description-title-3">
                            <img src="./assets/streamer-left.png" alt="">
                            <img src="./assets/mb-streamer-left.png" alt="">
                            <h5>数字展馆设计</h5>
                            <img src="./assets/streamer-right.png" alt="">
                            <img src="./assets/mb-streamer-right.png" alt="">
                        </div>
                        <div class="event-description-body-3">
                            <p class="">要求：使用“动画宇宙-云展星球”工具进行主题展馆的布展。展馆模版的选择要符合展品主题的风格，内容介绍明确，互动体检感强，作品品质高。</p><br class="mb-br">
                            <div class="event-description-body-3-mid">
                                <p>形式：图片 & 视频</p><br class="mb-br">
                                <p>图片规格：1920px*1080px</p><br class="mb-br">
                                <p>视频规格：1080p、30fps</p><br class="mb-br">
                            </div>
                            <p>提交：通过官方报名通道填报展馆网址、上传展馆封面、填写展馆介绍等信息，提交申报</p>
                        </div>

                    </div>
                </div>
                <!-- 奖项设置 -->
                <div class="intro-card">
                    <img src="./assets/award-setting.png" alt="" class="intro-card-title-img award-setting-title">
                    <img src="./assets/mb-award-setting.png" alt="" class="intro-card-title-img-mb mb-award-setting-title">
                    <div class="award-setting">
                        <table>
                            <tbody>
                                <tr>
                                    <td>一等奖</td>
                                    <td>1名</td>
                                    <td>奖金</td>
                                    <td>2000</td>
                                    <td>元</td>
                                </tr>
                                <tr>
                                    <td>二等奖</td>
                                    <td>3名</td>
                                    <td>奖金</td>
                                    <td>1000</td>
                                    <td>元</td>
                                </tr>
                                <tr>
                                    <td>三等奖</td>
                                    <td>5名</td>
                                    <td>奖金</td>
                                    <td>500</td>
                                    <td>元</td>
                                </tr>
                                <tr>
                                    <td>优秀奖</td>
                                    <td>10名</td>
                                    <td>奖金</td>
                                    <td>200</td>
                                    <td>元</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <!-- 投稿原则 -->
                <div class="intro-card">
                    <img src="./assets/submission-principles.png" alt="" data-section="submission-principles-title" class="intro-card-title-img submission-principles-title">
                    <img src="./assets/mb-submission-principles.png" alt="" data-section="mb-submission-principles-title" class="intro-card-title-img-mb mb-submission-principles-title">
                    <div class="submission-principles">
                        <p>大赛主题：围绕《山海经》的历史、地理、文化故事为主题；</p><br class="mb-br">
                        <p>参赛形式：必须使用《动画宇宙》平台创作工具进行创作，作品以在线投稿形式进行报名参赛；</p><br class="mb-br">
                        <p>参赛资格：吉林动画学院在读生。</p><br class="mb-br">
                        <p>参赛者需要在规定时间内完成在线投稿，作品围绕《山海经》进行创作，参赛者可参考《山经》、《海经》，或《大荒经》</p><br class="mb-br">
                        <p>中的形象或故事，呈现人们对自然、人生和宇宙的认识和想象，展现中国文化的特色和精神。</p>
                    </div>
                </div>
                <!-- 评审标准 -->
                <div class="intro-card">
                    <img src="./assets/evaluation-criteria.png" alt="" data-section="evaluation-criteria-title" class="intro-card-title-img evaluation-criteria-title">
                    <img src="./assets/mb-evaluation-criteria.png" alt="" data-section="mb-evaluation-criteria-title" class="intro-card-title-img-mb mb-evaluation-criteria-title">
                    <div class="evaluation-criteria">
                        <div class="evaluation-criteria-item">
                            <h3>原创性</h3>
                            <p>作品概念新颖且为个人原创。</p>
                        </div>
                        <div class="evaluation-criteria-item">
                            <h3>创意表现与艺术性</h3>
                            <p>作品是否展现了独特的创意和艺术表现，是否具备艺术性和美感。</p>
                        </div>
                        <div class="evaluation-criteria-item">
                            <h3>模型择优性</h3>
                            <p>作品选择的技术模型是否适用于作品的需求，是否巧妙地应用技术模型和算法来实现创意效果，从而提升作品的质量和多样性。</p>
                        </div>
                        <div class="evaluation-criteria-item">
                            <h3>传播性</h3>
                            <p>作品是否具有广泛的吸引力和影响力，是否能展现出山海经的魅力和价值，并带来一定社会思考。</p>
                        </div>
                    </div>
                </div>
                <!-- 评委阵容 -->
                <div class="intro-card">
                    <img src="./assets/jury-line-up.png" alt="" class="intro-card-title-img jury-line-up-title">
                    <img src="./assets/mb-jury-line-up.png" alt="" class="intro-card-title-img-mb mb-jury-line-up-title">
                    <div class="jury-line-up">
                        <div>
                            <img src="./assets/CDCC.png" alt="">
                            <h5>评委姓名</h5>
                            <p>评委简介评委简介评委简介评委简介评委简介评委简介评委简介评委简介评委简介评委简介评委简介评委简介评委简介评委简介</p>
                        </div>
                        <div>
                            <img src="./assets/CDCC.png" alt="">
                            <h5>评委姓名</h5>
                            <p>评委简介评委简介评委简介评委简介评委简介评委简介评委简介评委简介评委简介评委简介评委简介评委简介评委简介评委简介</p>
                        </div>
                        <div>
                            <img src="./assets/CDCC.png" alt="">
                            <h5>评委姓名</h5>
                            <p>评委简介评委简介评委简介评委简介评委简介评委简介评委简介评委简介评委简介评委简介评委简介评委简介评委简介评委简介</p>
                        </div>
                    </div>
                </div>
                <!-- 注意事项 -->
                <div class="intro-card">
                    <img src="./assets/matters-needing-attention.png" alt="" class="intro-card-title-img matters-needing-attention-title">
                    <img src="./assets/mb-matters-needing-attention.png" alt="" class="intro-card-title-img-mb mb-matters-needing-attention-title">
                    <div class="switch-content">
                        <div class="active">参赛须知</div>
                        <div>版权说明</div>
                    </div>
                    <div class="matters-needing-attention">

                    </div>
                </div>
                <!-- 主办单位 -->
                <div class="intro-card">
                    <img src="./assets/organizer.png" alt="" data-section="organizer-title" class="intro-card-title-img organizer-title">
                    <img src="./assets/mb-organizer.png" alt="" data-section="mb-organizer-title" class="intro-card-title-img-mb mb-organizer-title">
                    <img src="./assets/JAI.png" alt="" class="organizer-img">
                    <img src="./assets/mb-JAI.png" class="mb-organizer-img">
                    <div class="organizer">
                        <p>吉林动画学院</p>
                        <p>吉林动画学院创建于2000年6月，2008年经教育部批准为民办普通本科高校。</p>
                        <p>目前，学校下设动画艺术学院、漫画学院、游戏学院、设计与产品学院、电影学院、电影技术学院、虚拟现实学院、文化产业商学院、动画产业学院、民航学院、创新创业学院、马克思主义学院、通识教育学院、国际交流学院共14个学院及体育俱乐部，开设动画、漫画、数字媒体艺术、视觉传达设计等36个本科专业(含中外合作办学)，涵盖艺术学、文学、工学、经济学、管理学五个学科门类，形成了动漫游、设计、影视、虚拟现实与人工智能、文商管理与品牌营销、民用航空共六大专业集群。其中国家级特色专业1个，国家一流本科专业建设点5个，省级“十二五”优势特色重点学科1个，省级特色高水平学科1个，省级一流本科专业建设点5个，省级特色高水平专业3个，省级品牌专业3个，省级特色专业3个，省级高等学校卓越工程师教育培养计划试点专业1个，省级创新创业教育改革试点专业4个。</p>
<!--                        <br>-->
<!--                        <p>Jilin Animation College was founded in June 2000 and approved by the Ministry of Education as a private undergraduate college in 2008.</p>-->
<!--                        <p>At present, the school has 14 schools and sports clubs, including Animation Art School, Cartoon School, Game School, Design and Product School, Film School, Film Technology School, Virtual Reality School, Cultural Industry Business School, Animation Industry School, Civil Aviation School, Innovation and Entrepreneurship School, Marxism School, General Education School, and International Exchange School 36 undergraduate majors including visual communication design (including Sino foreign cooperative education), covering five disciplines including art, literature, engineering, economics and management, have formed six major professional clusters, including animation and games, design, film and television, virtual reality and artificial intelligence, cultural and business management and brand marketing, and civil aviation. Among them, there are 1 national characteristic specialty, 5 national first-class undergraduate specialty construction sites, 1 provincial "Twelfth Five Year Plan" advantageous characteristic key discipline, 1 provincial characteristic high-level discipline, 5 provincial first-class undergraduate specialty construction sites, 3 provincial characteristic high-level specialties, 3 provincial brand specialties, 3 provincial characteristic specialties, and 1 provincial excellent engineer education and training program pilot specialty, 4 provincial innovation and entrepreneurship education reform pilot majors.</p>-->
                    </div>
                </div>

            </div>
        </div>
    </main>
    <footer>
        <div class="footer-block">
            <div class="footer-block-content">
                <div class="footer-block-content-item">
                    <h3 class="info-item-title">用户服务</h3>
                    <div class="info-item-about iia1">
                        <span class="pointer" onclick="window.open('https://www.animeta.com.cn/about-our', '_blank')">关于我们</span>
                        <span class="pointer" onclick="window.open('https://www.animeta.com.cn/user-agreement', '_blank')">用户协议</span>
                        <span class="pointer" onclick="window.open('https://www.animeta.com.cn/privacy-policy', '_blank')">隐私政策</span>
                        <span class="pointer" onclick="window.open('https://www.animeta.com.cn/infringement-complaints', '_blank')">侵权投诉</span>
                    </div>
                    <div class="info-item-common iic1">
                        <p>市场监督举报电话:12345</p>
                        <p class="pointer" onclick="window.open('https://www.12377.cn/', '_blank')">网上有害信息举报专区</p>
                        <p class="pointer" onclick="window.open('https://jbts.mct.gov.cn/', '_blank')">全国文化和旅游市场网上举报投诉处理系统</p>
                    </div>
                </div>
                <div class="divide"></div>
                <div class="footer-block-content-item">
                    <h3 class="info-item-title">联系我们</h3>
                    <div class="info-item-about">
                        <p>吉林吉动炫通网络科技股份有限公司</p>
                        <p>公司地址：吉林省长春市朝阳区硅谷大街1388号</p>
                    </div>
                    <div class="info-item-common">
                        <p class="pointer" onclick="window.open('https://www.animeta.com.cn/contact-us', '_blank')">查看详情</p>
                    </div>
                </div>
                <div class="divide"></div>
                <div class="footer-block-content-item">
                    <div class="info-item-title"><h3>动画宇宙</h3> <p>更多创意 更多惊喜</p></div>
                    <div class="flex-c">
                        <img src="./assets/qrcode.jpg" width="100" height="100" alt="" />
                        <p>公众号</p>
                    </div>
                </div>
            </div>
            <div class="footer-block-subcontent">
                <span>Copyright © 2024-至今 动画宇宙</span>
                <a href="https://beian.miit.gov.cn/">吉ICP备18005020号-6</a>
                <a href="https://www.animeta.com.cn/electronic-business-license">
                    <img src="./assets/license.png" alt=""/>电子营业执照
                </a>
                <a href="https://www.animeta.com.cn/service-license">人力资源服务许可证</a>
            </div>
        </div>
        <div class="mobile-footer-block">
            <span>Copyright © 2024-至今 动画宇宙</span>
            <a href="https://beian.miit.gov.cn/">吉ICP备18005020号-6</a>
        </div>
    </footer>
    <div class="modal" style="display: none;">
        <div class="modal-content">
            <div class="modal-content__title">
                <h4>分享到微信</h4><span class="close-btn"></span>
            </div>
            <div class="modal-content__main">
                <div class="modal-content__main__qrcode" id="qrcode"></div>
            </div>
            <div class="modal-content__footer">
                <p class="modal-content__footer__title">分享链接:</p>
                <p class="modal-content__footer__link"></p>
                <p class="modal-content__footer__btn">复制链接</p>
            </div>
            <span class="tooltip" id="tooltip">已复制</span>
        </div>
    </div>
<script src="./js/index.js"></script>
</body>
</html>
